<template>
	<div class="chat-list-box">
		<ul class="chat-list">
			<li class="u-msg" v-if="loadMore">
				---- 上拉加载更多 ----
			</li>
			<li class="u-msg" v-else>
				（已无更多记录）
			</li>
			<!-- <chat-item
				v-for="msg in msglist"
				:type="type"
				:rawMsg="msg"
				:isRobot="isRobot"
				:userInfos="userInfos"
				:myInfo="myInfo"
				:key="msg.idClient"
				:isHistory='isHistory'
				@msg-loaded="msgLoaded"
				@showIframebox="showIframebox"
			></chat-item> -->
		</ul>
	</div>
</template>

<script>
	import chatItem from './chatItem'
	export default {
	  name: 'chat-item',
	  data () {
	    return {
	      loadMore: true
    }
	  },
	  props: {
	    type: '',
	    msglist: {
	      type: Array,
	      default () {
	        return []
	      }
	    },
	    userInfos: {
	      type: Object,
	      default () {
	        return {}
	      }
	    },
	    myInfo: {
	      type: Object,
	      default () {
	        return {}
	      }
	    },
	    isHistory: {
	      type: Boolean,
	      default () {
	        return false
	      }
	    },
	    isRobot: {
	      type: Boolean,
	      default () {
	        return false
	      }
	    }
  	},
	  methods: {
	    msgLoaded () {},
	    showIframebox () {}
  },
	  components: {
	    chatItem: chatItem
  }
	}
</script>

<style scoped lang="stylus">
	.chat-list-box
		position:absolute
		left:0
		top: 50px
		width: 100%
		background: #f1f1f1
		height: 100%
		padding: 0 10px
		padding-bottom: 100px
		box-sizing: border-box
		overflow: scroll
		.chat-list
			width:100%
			background: #f1f1f1
		/* 消息记录 */
		.u-msg
			text-align: center
			color: #999
			font-size: 12px
</style>

